<template>
    <div class="themes">
        <ul>
            <router-link to="/index/news/theme/1/2"><li>理工新闻</li></router-link>
            <router-link to="/index/news/theme/1/2"><li>校友资讯</li></router-link>
            <router-link to="/index/news/module/1"><li>校友资讯</li></router-link>
            <router-link to="/index/news/theme/1/2"><li>校友资讯</li></router-link>
            <router-link to="/index/news/theme/1/2"><li>校友资讯</li></router-link>
            <router-link to="/index/news/theme/1/2"><li>校友资讯</li></router-link>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "left-themes"
    }
</script>

<style scoped>
    .themes li{
        height: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #fbfbfb;
        border-bottom: 1px solid #ebebeb;
        font-family: 微软雅黑;
    }
    .themes li:hover{
        background-color: #ebebeb;
    }
</style>
